.slider3 {
width: 650px;
height: 360px;
overflow: hidden;
background-color: #fafafa;
border: 1px solid #ddd;
-moz-transition: all 170ms ease-in;
-webkit-transition: all 170ms ease-in;
-o-transition: all 170ms ease-in;
position: relative;
margin-bottom: 30px;
}
.slider3:hover ul, .slider3:hover #overlay {
-moz-animation-play-state:paused;
-webkit-animation-play-state:paused;
}


.overlay1 {
width:4680px;
height:60px;
position:absolute;
top:0;
pointer-events:none;
-moz-transition:all 170ms ease-in;
-webkit-transition:all 170ms ease-in;
-o-transition:all 170ms ease-in;
opacity:0.5;
-moz-animation:overlay-fade1 35s infinite;
-webkit-animation:overlay-fade1 35s infinite;
}
.slider3 ul {
width:2630px;
list-style:none;
padding:0;
margin:0;
-moz-animation:slide-animation1 35s infinite;
-webkit-animation:slide-animation1 35s infinite;
position:relative;
left:0px;
}
.slider3 li {
display:inline;
width:650px;
height:360px;
margin:0;
padding:0;
float:left;
position:relative;
}

.slider3 li a {
display:block;
text-decoration:none;
}

.slider3 li .baka {
display: block;
width: 650px;
padding: 5px 20px;
pointer-events: none;
text-align: left;
background: rgba(0,0,0,0.5);
float: left;
height: 75px;
bottom: 0px;
position: absolute;
color: #fff;
}
.slider3 ul li span h2 {
font-size:13px;
line-height:10px;
color:#fff;
font-weight:normal;
text-transform:uppercase;
}
.slider3 ul li .baka h3 {
font-size:13px;
line-height:20px;
color:#fafafa;
font-weight:normal;
}
@-webkit-keyframes slide-animation1 {
0% {opacity:1;}
20% {left:0px; opacity:1;}
25% {left:-650px; opacity:1;}
45% {left:-650px; opacity:1;}
50% {left:-1300px;opacity:1;}
70% {left:-1300px; opacity:1;}
75% {left:-1950px; opacity:1;}
98% {left:-1950px; opacity:1;}
100% {left:0px; opacity:1;}
}
@-moz-keyframes slide-animation1 {
0% {opacity:1;}
20% {left:0px; opacity:1;}
25% {left:-650px; opacity:1;}
45% {left:-650px; opacity:1;}
50% {left:-1300px;opacity:1;}
70% {left:-1300px; opacity:1;}
75% {left:-1950px; opacity:1;}
98% {left:-1950px; opacity:1;}
100% {left:0px; opacity:1;}
}
@-webkit-keyframes overlay-fade1 {
0% {opacity:0;}
2% {opacity:0.5;}
95% {opacity:0.5;}
98% {opacity:0;}
100% {opacity:0;}
}
@-moz-keyframes overlay-fade1 {
0% {opacity:0;}
2% {opacity:0.5;}
95% {opacity:0.5;}
98% {opacity:0;}
100% {opacity:0;}
}
.slider3 ul li span h2 {
font-size:13px;
line-height:24px;
color:#fff;
font-weight:normal;
text-shadow:1px 1px 1px #362c30;
text-transform:uppercase;
}
.slider3 ul li .baka h3 {
font-size:13px;
line-height:25px;
color:#fafafa;
font-weight:normal;
}